<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/detailPage.css"/>
		<script src="js/ajax.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/register.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	<div class="whole">
				<!--广告-->
			<div class="yuyanmo">
				<div id="site_setting_pop" style="display:block;">
					<div class="close-btn">X</div>
					<div class="pop-title">自定义您的购物经历</div>
				    <div class="pop-inner">
				        <form action="" method="post" id="pop-local-info">
				    	<div class="pop-sub-title">请选择您的收货地国家或地区、语言偏好以及交易货币形式。</div>
				        <div class="pop-sel-title">
				        	<span class="text">选择收货地国家或地区</span>
				            <span class="text">选择语言</span>
				            <span class="text">选择货币形式</span>
				        </div>
				        <div class="pop-sel-area clearfix">
				
				            <select class="language" name="country">
				                                <option data-icon = "ch" value="CH" >China</option>
				                                <option data-icon = "jp" value="JP" >Japan</option>
				                                <option data-icon = "ca" value="CA" >Canada</option>
				                                <option data-icon = "hk" value="HK" >Hong Kong</option>
				                                <option data-icon = "mo" value="MO" >Macao</option>
				                                <option data-icon = "tw" value="TW" >TaiWan</option>
				                                <option data-icon = "us" value="US" >USA</option>
				                                <option data-icon = "au" value="AU" >Australia</option>
				                                <option data-icon = "nz" value="NZ" >New Zealand</option>
				                            </select>
				            <select class="language_lau" name="language">
				                              <option value="zh_CN"  >简体中文</option>
				                              <option value="zh_TW"  >繁體中文</option>
				                              <option value="en_US"  >English</option>
				                      </select>
				            <select class="language_money" name="currency">
				                                    <option value="CNY"  >CNY（￥）</option>
				                                    <option value="USD"  >USD（$）</option>
				                                    <option value="JPY"  >JPY（¥）</option>
				                                    <option value="CAD"  >CAD（C$）</option>
				                                    <option value="HKD"  >HKD（H$）</option>
				                                    <option value="MOP"  >MOP（MOP$）</option>
				                                    <option value="TWD"  >TWD（NT$）</option>
				                                    <option value="NZD"  >NZD（NZ$）</option>
				                                    <option value="AUD"  >AUD（A$）</option>
				                            </select>
				
				
				        </div>
				        
				        <button type="button" id="yuyan_btn" class="btn pop-setting-save" rel="_request"><span><span>保存使用偏好</span></span></button>      
				        </form>
				  </div>
				</div>
			</div>
			 <div id="static_topBar" style="height:80px;cursor:pointer;background:url(img/tburl.jpg) top center no-repeat;text-indent: -9999px;"></div>
				 <!--头部-->
			 <div class="Header">
			 	<div class="Header-one">
					<header>
						<a href="index.html" style="float: left; margin-right:10px ;"> < 返回主页</a>
						<span style="float:left;">配送至：</span>
					    <ul>
					    	<li class="Chinnaicon btnicon"><a href="#"><img src="img/Chinnaicon.jpg.png"/></a></li>
					    	<li class="btnicon"><a href="#">CHS</a></li>
					    	<li class="btnicon"><a href="#">CNY</a></li>
					    </ul>
					    
					    <ul>
					    	<li><a href="#">集团采购</a></li>
					    	<li><a href="#">商家入驻</a></li>
					    	<li><a href="#">客户服务</a>
					    		<ul class="Customer">
					    			<li><a href="#">在线客服</a></li>
					    			<li><a href="#">帮助中心</a></li>
					    		</ul>
					    	</li>
					    </ul>
					</header>
				</div>
			</div>
				<script type="text/javascript">
			 		window.onload = function(){
			 			let Btnicon = document.getElementsByClassName("btnicon");
			 			let Btnstyle = document.getElementsByClassName("yuyanmo")[0];
			 			for(let i = 0;i<Btnicon.length;i++){
				 				Btnicon[i].onclick = function(){
				 				Btnstyle.style.display = "block"
				 			}
			 			}
			 			document.getElementsByClassName("close-btn")[0].onclick = function(){
			 					Btnstyle.style.display = "none"
			 			}
			 		}
			 	</script>
			 	
			 	<nav>
			 		<div class="Navtop">
			 			<div class="Navtop-one">
					 		<div class="nav_top">
						 		<h1><img src="img/log.png"/></h1>
						 		<div class="searchbar-float">
								    <form action="#" method="post" id="searchbar-form">
								    	<input class="txt-input-float" type="text" name="search_input" placeholder="GUCCI" /><!--
									 --><input type="button" class="btn-search-float"></input>
								    </form>
							    	<div class="hots">
								        <a href="#">施华洛世奇</a>
								        <a href="#">剑桥包</a>
								        <a href="#">新秀丽</a>
								        <a href="#">床垫</a>
								        <a href="#">BOSE</a>
								        <a href="#">Tory Burch</a>
								        <a href="#">MK</a>
								        <a href="#">TUMI</a>
								        <a href="#">OTAFUKU</a>
							      </div>
								</div>
								<div class="userpassword">
									<div class="login_user">
										<a href="Login.html">登录</a>
										<a href="signup.html">注册</a>
									</div>
									<div class="signin-box" id="signin-box">
							            <a href="Login.html" class="login-btn">登录</a>
							            <p>不是会员？</p>
							            <a href="signup.html" class="signup-btn">立即注册</a>
							        </div>
								</div>
								<div class="minicart">
									<p style="font-size: 14px; line-height: 44px;text-align: left; margin-left: 50px;">购物车</p>
								</div>
							</div>
						</div>
					</div>
					<script type="text/javascript">
//						cookie获取用户信息
						
						let Login_user = document.getElementsByClassName("userpassword")[0];
						let Signinbox = document.getElementsByClassName("signin-box")[0];
						let Userpassword = document.getElementsByClassName("userpassword")[0];
						let H1 = document.getElementsByTagName("h1")[0];
						var Loginuser = document.getElementsByClassName("login_user")[0]
						
						//将字符串转为对象
						if(getCookie("douyongchao_loginedUsers")){
							var users = getCookie("douyongchao_loginedUsers");
							var usersN = users.substr(0,4)
							console.log(usersN)
							Loginuser.innerHTML = "您好，"+usersN+".."+"<span> | 退出</span>"
							Loginuser.style.paddingLeft = "50px"
							Loginuser.children[0].style.cursor = "pointer"
							Loginuser.children[0].style.color = "blue"
							console.log(users)
							Loginuser.children[0].onclick = function(){
								alert("退出成功!")
								removeCookie("douyongchao_loginedUsers")
								location.reload()
							}
						}else{
							
								Login_user.onmouseover = function(){
									Signinbox.style.display = "block"
									Userpassword.style.background = "white"
									Userpassword.style.border=" 1px solid #e3e3e3";
									Userpassword.style.zIndex ="999"
									sport(Userpassword,{height:164});
								}
								Login_user.onmouseout = function(){
									Signinbox.style.display = "none"
									Userpassword.style.background = "#f5f5f5"
									Userpassword.style.border="none";
									sport(Userpassword,{height:35});
								}
						}
						let Nav_top  = document.getElementsByClassName("Navtop")[0];
								window.onscroll = function(){
									var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
									if(scrollTop > 850){
										Nav_top.style.position = "fixed";
										Nav_top.style.top ="-23px";
										Nav_top.style.background = "#f5f5f5"
										Nav_top.style.height = "97px"
										Nav_top.style.boxShadow = "0px 4px 5px rgba(0, 0, 0, 0.2)";
										H1.style.margin = "30px"
										Nav_top.style.overflow = "hidden"
									}else{
										Nav_top.style.position = "";
										Nav_top.style.background = "#f5f5f5"
										Nav_top.style.height = "145px"
										Nav_top.style.boxShadow = "none"
										H1.style.marginTop = "47px"
										Nav_top.style.overflow = ""
									}
								}
					</script>
					<div class="Nav_bottom">
						<div class="Nav_bottom-one">
							<div class="nav_bottom">
								<div class="nav_bottom_left">
									<p>全部分类</p>
								</div>
								<div class="nav_bottom_right">
									<ul>
										<li><a href="#">超值特惠</a></li>
										<li><a href="#"></a></li>
										<li><a href="#">国家地区馆</a></li>
										<li><a href="#">品牌</a></li>
										<li><a href="#">精品家居馆</a></li>
										<li><a href="#">留学·旅游</a></li>
									</ul>
								</div>
							</div>	
						</div>
					</div>
				</nav>
				<!--中间部分-->
				<section>
					<div class="detail-top-box">
						<img src="img/delaitPage1.jpg"/>
					</div>
					<div class="detail-top-text">
						<div class="detail-tit-box">
							大牌护肤彩妆
						</div>
						<div class="tit-line">
							
						</div>
						<div class="txt-box">
							大牌化妆品永远让我们又“爱”又“恨”，“爱”是因为它们令人惊艳的效果，“恨”则是因为价格永远和功效成正比。其实，若要计算性价比的话，大牌化妆品绝对不输平价开架产品，一分钱一分货才是永恒的真理哦！
						</div>
						<div class="price-box">
							<span class="detail-yuan">￥</span>
							61.99
							<span class="txt">起</span>
						</div>
					</div>
					<ul class="sectionUL">
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="shoppingpage.html">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">126.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="shoppingpage.html">立即选购</a></p>
							</dl>
						</li>
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="shoppingpage.html">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">228.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="shoppingpage.html">立即选购</a></p>
							</dl>
						</li>
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="shoppingpage.html">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">456.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="shoppingpage.html">立即选购</a></p>
							</dl>
						</li>
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="shoppingpage.html">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">543.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="shoppingpage.html">立即选购</a></p>
							</dl>
						</li>
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="shoppingpage.html">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">199.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="shoppingpage.html">立即选购</a></p>
							</dl>
						</li>
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="#">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">666.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="shoppingpage.html">立即选购</a></p>
							</dl>
						</li>
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="#">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">876.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="shoppingpage.html">立即选购</a></p>
							</dl>
						</li>
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="#">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">345.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="#">立即选购</a></p>
							</dl>
						</li>
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="#">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">422.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="#">立即选购</a></p>
							</dl>
						</li>
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="#">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">345.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="#">立即选购</a></p>
							</dl>
						</li>
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="#">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">875.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="#">立即选购</a></p>
							</dl>
						</li>
						<li>
							<div class="detail-tit-box-log">
								特卖
							</div>
							<dl>
								<dt><img src=""/></dt>
								<dd><a href="#">【粉质超级细腻】Cle de Peau Beaute CPB 肌肤之钥 立体修容高光粉 10g 多种规格可选</a></dd>
								<div class="txt-boxmany">
									<span>￥</span><a href="#">234.00</a>
									<span>￥</span><s>998.00</s>
								</div>
								<p><a href="#">立即选购</a></p>
							</dl>
						</li>
						
					</ul>
					
					
					
					
				</section>	
				
				<script type="text/javascript">
					var oSectionUL = document.getElementsByClassName("sectionUL")[0].children;
					var oSectionul = document.getElementsByClassName("sectionUL")[0];
					var SectiondetailPagearr = [];
					for(var g=0;g<oSectionUL.length;g++){
						SectiondetailPagearr[g] = oSectionUL[g].children[1].children[0].firstChild
					}
					console.log(SectiondetailPagearr)
					ajax("http://127.0.0.1/WWWxiji/lunbo/php.php?",function(data){
						console.log(JSON.parse(data).data)
							for(let f=0;f<SectiondetailPagearr.length;f++){
								SectiondetailPagearr[f].src = JSON.parse(data).data[f].imageUrls[1]
								SectiondetailPagearr[f].parentNode.nextElementSibling.firstChild.innerHTML = JSON.parse(data).data[f].title
							}
						},function(){
							console.log('服务器上没有你想要的文件');
					})
					
					
					
				</script>
				<!--尾部-->
			<footer>
					<div class="info-footer-inner">
						<div class="left-box">
							<dl>
								<dt>购物指南</dt>
								<dd><a href="#">购物下单</a></dd>
								<dd><a href="#">关税清关</a></dd>
								<dd><a href="#">站内优惠</a></dd>
								<dd><a href="#">积分说明</a></dd>
							</dl>
							<dl>
								<dt><a href="#">物流配送</a></dt>
								<dd><a href="#">购物下单</a></dd>
								<dd><a href="#">购物下单</a></dd>
								<dd><a href="#">积分说明</a></dd>
							</dl>
							<dl>
								<dt><a href="#">售后服务</a></dt>
								<dd><a href="#">购物下单</a></dd>
								<dd><a href="#">购物下单</a></dd>
							</dl>
							<dl>
								<dt><a href="#">常见问题</a></dt>
								<dd><a href="#">购物下单</a></dd>
								<dd><a href="#">积分说明</a></dd>
							</dl>
							<dl>
								<dt><a href="#">关于我们</a></dt>
								<dd><a href="#">关税清关</a></dd>
								<dd><a href="#">站内优惠</a></dd>
								<dd><a href="#">积分说明</a></dd>
								<dd><a href="#">关税清关</a></dd>
								<dd><a href="#">站内优惠</a></dd>
								<dd><a href="#">积分说明</a></dd>
								<dd><a href="#">关税清关</a></dd>
								<dd><a href="#">站内优惠</a></dd>
							</dl>
							
						</div>
						<div class="create-rightbox">
							<div class="tit-box">
								海外运营中心
							</div>
							<p>香港运营中心:<img src="http://img2.helper-sys.com/themes/ecstore/images/index_161107/mail_serive_hk_170526.png"/></p>
							<p>北美运营中心:<img src="http://img2.helper-sys.com/themes/ecstore/images/index_161107/mail_serive_hk_170526.png"/></p>
							<p>日本运营中心：<img src="http://img2.helper-sys.com/themes/ecstore/images/index_161107/mail_serive_hk_170526.png"/></p>
							<p>欧洲运营中心：<img src="http://img2.helper-sys.com/themes/ecstore/images/index_161107/mail_serive_hk_170526.png"/></p>
							<p>香港运营中心:<img src="http://img2.helper-sys.com/themes/ecstore/images/index_161107/mail_serive_hk_170526.png"/></p>
							
							<div class="tit-box2">
								中国大陆运营中心
							</div>
							<p>在线客服:<img src="http://img2.helper-sys.com/themes/ecstore/images/index_161107/mail_serive_hk_170526.png"/></p>
							<p>客服热线:<img src="http://img2.helper-sys.com/themes/ecstore/images/index_161107/mail_serive_hk_170526.png"/></p>
							<p>工作时间：<img src="http://img2.helper-sys.com/themes/ecstore/images/index_161107/mail_serive_hk_170526.png"/></p>
							
						</div>
						<div class="right-box">
								<p>扫码下载客户端</p>
								<a href="#"><img src="img/app_download.png"/></a>
						</div>
					</div>
					
				</footer>
				</div>	
				<div class="Footer-bottom">
				<div class="footer-box">
					<div class="footer-inner">
						<p>Copyright © 2017 XIJI Hongkong Co., Ltd xiji.com 保留一切权利。 京ICP备14062442号 | </p>
						<p>
							<a href="#"><img src="http://img3.helper-sys.com//image/6ca43cb489eb3cd581037f57bb2fb1dee9414022.gif?1465144001#w"/></a>
							<a href="#"><img src="http://img2.helper-sys.com//image/547b48b9c16dbc00ac8163259c326f7ae7bf2cf3.gif?1465143405#w"/></a>
							<a href="#"><img src="http://img1.helper-sys.com//image/694508.png?1425468231#w"/></a>
							<a href="#"><img src="http://img1.helper-sys.com//image/a77f0a.png?1425468249#w"/></a>
						</p>
					</div>
				</div>
				</div>	
	</body>
	<script src="js/sport.js" type="text/javascript" charset="utf-8"></script>
</html>
